<%@ page language="java" contentType="text/html; charset=UTF-8"  pageEncoding="utf-8"%>
<%
	String path = request.getContextPath();
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    
    <title>Struts2+JQuery+JSON</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<script type="text/javascript" src="<%=path %>/js/jquery-1.4.2.min.js"></script>
	<script type="text/javascript" src="<%=path %>/js/json-demo.js"></script>
    <script type="text/javascript" src="<%=path %>/js/jquery.easyui.min.js"></script>
 	<link href="<%=path %>/EasyUITest/themes/default/easyui.css" rel="stylesheet" type="text/css" />
    <link href="<%=path %>/EasyUITest/themes/icon.css" rel="stylesheet" type="text/css" />  
    
  </head>
  
  <body>
    <input id="getMessage" type="button" value="获取单个值"/>&nbsp;&nbsp;
    <input id="getUserInfo" type="button" value="获取UserInfo对象"/>&nbsp;&nbsp;
    <input id="getList" type="button" value="获取List对象"/>&nbsp;&nbsp;
    <input id="getMap" type="button" value="获取Map对象"/>&nbsp;&nbsp;
    <br>
    <br>
    <br>
    <!-- 要显示信息的层 -->
    <div id="message"></div>
    <form>
    	用户ID：<input id="userId" name="userInfo.userId" type="text" class="easyui-validatebox" required="true" validType="length[1,3]"/><br/>
    	用户名：<input name="userInfo.userName" type="text"/><br/>
    	密&nbsp;&nbsp;&nbsp;码：<input name="userInfo.password" type="text"/><br>
    	<input id="regRe" type="button" value="注册"/>
    </form>
    
   
    <div id="tb" style="padding:3px">  
    <span>Item ID:</span>  
    <input id="itemid" style="line-height:26px;border:1px solid #ccc">  
    <span>Product ID:</span>  
    <input id="productid" style="line-height:26px;border:1px solid #ccc">  
    <input id="query" type="button" value="query"/>&nbsp;&nbsp; 
    </div>  
    <table id="table-grid" class="easyui-datagrid" style="width:600px;height:250px"  
        toolbar="#tb"  
        title="Load Data" iconCls="icon-save"  
        rownumbers="true" pagination="true">  
    <thead>  
        <tr>  
            <th field="userId" width="80">userName</th>  
            <th field="userName" width="80">userName</th>  
            <th field="password" width="80" align="right">password</th>  
    
        </tr>  
    </thead>  
    </table>  
      
  </body>
</html>
